<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">          
   
    <p:tabView dynamic="true" id="tabViewAcciones"  >
            
            <p:tab title="Buscador" id="tvBuscador"  >

                <h:panelGrid columns="4" id="pBuscador" columnClasses="colLabel,colDato,colLabel,colDato"
                             style="width: 100%;">

                    <h:outputText value="Tipo de Producto: "  style="width: 100px;"/>
                    <p:selectOneMenu value="#{catalogoBean.tipoProducto}" effect="fade" id="tipoProducto"
                                     filter="true" filterMatchMode="contains"
                                     converter="#{conversorBean.conversorTipoProducto}" style="min-width: 220px;" >
                        <f:selectItem itemLabel="Todos" itemValue=""  />
                        <f:selectItems value="#{catalogoBean.tiposProductos}" var="t" itemLabel="#{t.descrp}" itemValue="#{t}"/>
                        <p:ajax update="subtipo, marca" listener="#{catalogoBean.filtrarRubros}" process="@this,subtipo, marca" />
                    </p:selectOneMenu>

                    <h:outputText value="Por contenido: " />
                    <p:inputText value="#{catalogoBean.txtDescripcion}" size="25" style="min-width: 211px;"/>

                    <h:outputText value="Sub Tipo: " />
                    <p:selectOneMenu value="#{catalogoBean.subTipo}" effect="fade" id="subtipo" required="false"
                                     filter="true" filterMatchMode="contains"
                                     style="min-width: 220px;" >
                        <f:selectItem itemLabel="Todos" itemValue="" />
                        <f:selectItems value="#{catalogoBean.subTipos}"  />
                        <p:ajax update="subtipo" process="@this" />
                    </p:selectOneMenu>

                    <h:outputText value="" />
                    <h:outputText value="" />

                    <h:outputText value="Marca: " />
                    <p:selectOneMenu value="#{catalogoBean.marca}" effect="fade" id="marca"                                     
                                     style="min-width: 220px; height:140px; overflow-y: auto;">
                        <f:selectItem itemLabel="Todas" itemValue="" />
                        <f:selectItems value="#{catalogoBean.marcas}" />
                        <p:ajax update="marca" process="@this" />
                    </p:selectOneMenu>

                    <h:outputText value="" />
                    <h:outputText value="" />

                    <h:outputText value="Origen: " />
                    <p:selectOneMenu value="#{catalogoBean.productoOrigen}" effect="fade"
                                     style="min-width: 220px;">
                        <f:selectItem itemLabel="Todos" itemValue="T" />
                        <f:selectItem itemLabel="Nacionales" itemValue="N" />
                        <f:selectItem itemLabel="Importados" itemValue="S" />
                    </p:selectOneMenu>

                    <h:outputText value="Vigencia: " />
                    <p:selectOneMenu value="#{catalogoBean.productoNuevo}" effect="fade"
                                     style="min-width: 220px;">
                        <f:selectItem itemLabel="Todos" itemValue="T" />
                        <f:selectItem itemLabel="Nuevos" itemValue="S" />
                        <f:selectItem itemLabel="Clasicos" itemValue="N" />
                    </p:selectOneMenu>

                </h:panelGrid>
              
                <div style="text-align: center;">
                    <p:commandButton id="btnBuscar" icon="find16" value="Buscar productos"
                                         actionListener="#{catalogoBean.verProductos}"                                         
                                         update=":formulario" />
                    
                    <p:commandButton id="btnLimpiar" icon="clean16" value="Limpiar filtros" actionListener="#{catalogoBean.limpiarFiltros}"
                                         process="@this"
                                         update=":formulario" />

                </div>

            </p:tab>

            <p:tab title="Conversor de Medidas">

                <ui:include src="../global/conversorMedidas.xhtml" />

            </p:tab>

            <p:tab title="% Marcación" id="tvPorcentajeMarcacion">

                <ui:include src="../inventario/catalogoMarcacion.xhtml" />
               
            </p:tab>

        <p:tab title="Descargar listado" id="tvExportarDatos">
            
            <p:commandButton id="btnPDF" icon="pdf16" value="Descargar selección actual a PDF"
                     title="Descargar busqueda actual del catálogo a PDF"
                     actionListener="#{catalogoBean.imprimirPDF}"  />

            <p:commandButton id="btnXLS" icon="excel16" value="Descargar selección actual a Excel"
                             title="Descargar busqueda actual del catálogo a un archivo excel"
                             actionListener="#{catalogoBean.descargarSeleccionExcel}" />
            
            <p:tooltip for="btnPDF" showEffect="fade" hideEffect="fade"  />
            <p:tooltip for="btnXLS" showEffect="fade" hideEffect="fade"  />

        </p:tab>
            
        </p:tabView>

    <!-- CONFIRMAR DESCARGA -->
    <ui:include src="../inventario/catalogoConfirmaDescarga.xhtml" />



</ui:composition>
